<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="applicable-device" content="pc,mobile"/>
<meta name="MobileOptimized" content="width"/>
<meta name="HandheldFriendly" content="true"/>
<title>网站首页</title>
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<link rel="stylesheet" href="css/txweb.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/swiper.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/owl.js"></script>
</head>
<body>
<nav class="navbar navbar-default header" role="navigation">
  <button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target="#example-navbar-collapse"> <span class="sr-only">切换导航</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
  <a class="logo" href="#"><img src="img/logo.png" alt="网站首页"></a>
  <div class="collapse navbar-collapse headerTop" id="example-navbar-collapse">
    <ul class="nav navbar-nav menu">
      <li class="active"><a href="#">首页</a></li>
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 公司简介 <b class="caret"></b> </a>
        <ul class="dropdown-menu">
          <li><a href="#">公司简介</a></li>
          <li><a href="#">团队风采</a></li>
          <li><a href="#">服务理念</a></li>
          <li><a href="#">荣誉资质</a></li>
        </ul>
      </li>
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 公司新闻 <b class="caret"></b> </a>
        <ul class="dropdown-menu">
          <li><a href="#">企业新闻</a></li>
          <li><a href="#">公司新闻</a></li>
        </ul>
      </li>
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 产品中心 <b class="caret"></b> </a>
        <ul class="dropdown-menu">
          <li><a href="#">产品中心1</a></li>
          <li><a href="#">产品中心2</a></li>
        </ul>
      </li>
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 联系我们 <b class="caret"></b> </a>
        <ul class="dropdown-menu">
          <li><a href="#">联系我们</a></li>
          <li><a href="#">二维码</a></li>
        </ul>
      </li>
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 招商加盟 <b class="caret"></b> </a>
        <ul class="dropdown-menu">
          <li><a href="#">人才招聘</a></li>
          <li><a href="#">招商加盟</a></li>
        </ul>
      </li>
      <li><a href="#">运东物料</a></li>
      
    </ul>

  </div>    <ul class="txicon">
      <li><a href="#"><span class="iconfont">&#xe632;</span></a></li>
      <li><a href="#"><span class="iconfont">&#xe632;</span></a></li>
      <li><a href="#"><span class="iconfont">&#xe632;</span></a></li>
      <li><a href="#"><span class="iconfont">&#xe632;</span></a></li>
    </ul>
</nav>
<div id="banner" class="swiper-container">
  <div class="swiper-wrapper"> <a class="swiper-slide img"><img src="pics/ban-1.jpg"></a> <a class="swiper-slide img"><img src="pics/ban-2.jpg"></a> <a class="swiper-slide img"><img src="pics/ban-1.jpg"></a> </div>
  <div class="swiper-pagination"></div>
  <div class="swiper-button-prev swiper-button-white"></div>
  <div class="swiper-button-next swiper-button-white"></div>
</div>
<a href="#" class="txtips"> 大量商品采购，请点击咨询销售经理 </a>
<div class="container-fluid txsnavm">
  <ul class="txsnav">
    <li class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-xs-12"> <a href="#">
      <div class="img-holder"> <img src="pics/img-1.jpg" alt=""/> </div>
      <div class="statics-content">
        <div class="icon"> <span class="iconfont">&#xe62b;</span> </div>
        <div class="text">
          <h3>高速简介</h3>
          <p>重庆辅材提供者前20强</p>
        </div>
      </div>
      </a> </li>
    <li class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-xs-12"> <a href="#">
      <div class="img-holder"> <img src="pics/img-2.jpg" alt=""/> </div>
      <div class="statics-content">
        <div class="icon"> <span class="iconfont">&#xe62b;</span> </div>
        <div class="text">
          <h3>荣誉资质</h3>
          <p>重庆辅材提供者前20强</p>
        </div>
      </div>
      </a> </li>
    <li class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-xs-12"> <a href="#">
      <div class="img-holder"> <img src="pics/img-3.jpg" alt=""/> </div>
      <div class="statics-content">
        <div class="icon"> <span class="iconfont">&#xe62b;</span> </div>
        <div class="text">
          <h3>招商加盟</h3>
          <p>重庆辅材提供者前20强</p>
        </div>
      </div>
      </a> </li>
    <li class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-xs-12"> <a href="#">
      <div class="img-holder"> <img src="pics/img-4.jpg" alt=""/> </div>
      <div class="statics-content">
        <div class="icon"> <span class="iconfont">&#xe62b;</span> </div>
        <div class="text">
          <h3>服务</h3>
          <p>重庆辅材提供者前20强</p>
        </div>
      </div>
      </a> </li>
  </ul>
</div>

<!---->
<section class="txpro-area">
  <div class="container"> 
    <!--title start-->
    <div class="tx-title text-center">
      <div class="title">所有产品</div>
      <div class="inner">
        <div class="border1"></div>
        <span>products</span>
        <div class="border2"></div>
      </div>
      <p>建筑行业二三线辅材提供者，主要针对城市轨道交通，高铁，普铁，城市规划，办公耗材，<br/>
        预埋件和其他的细分行业或项目服务</p>
    </div>
    <!--title end -->
    <div class="row">
      <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
        <div class="owl-carousel owl-theme">
          <div class="item single-solution-style1">
            <div class="img-holder"> <img src="pics/pronav-1.jpg" alt="城市轨道交通"> </div>
            <div class="statics-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe6ae;</span> </div>
                <div class="text">
                  <h3>城市轨道交通</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                </div>
              </div>
            </div>
            <div class="overlay-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe6ae;</span> </div>
                <div class="text">
                  <h3>城市轨道交通</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                  <div class="readmore"> <a class="btn-two" href="#"><span class="iconfont">&#xe68b;</span>查看更多</a> </div>
                </div>
              </div>
            </div>
          </div>
          <div class="item single-solution-style1">
            <div class="img-holder"> <img src="pics/pronav-2.jpg" alt="桥梁工程"> </div>
            <div class="statics-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe63a;</span> </div>
                <div class="text">
                  <h3>桥梁工程</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                </div>
              </div>
            </div>
            <div class="overlay-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe63a;</span> </div>
                <div class="text">
                  <h3>桥梁工程</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                  <div class="readmore"> <a class="btn-two" href="#"><span class="iconfont">&#xe68b;</span>查看更多</a> </div>
                </div>
              </div>
            </div>
          </div>
          <div class="item single-solution-style1">
            <div class="img-holder"> <img src="pics/pronav-3.jpg" alt="信号"> </div>
            <div class="statics-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe61a;</span> </div>
                <div class="text">
                  <h3>信号</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                </div>
              </div>
            </div>
            <div class="overlay-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe61a;</span> </div>
                <div class="text">
                  <h3>信号</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                  <div class="readmore"> <a class="btn-two" href="#"><span class="iconfont">&#xe68b;</span>查看更多</a> </div>
                </div>
              </div>
            </div>
          </div>
          <div class="item single-solution-style1">
            <div class="img-holder"> <img src="pics/pronav-4.jpg" alt="信号"> </div>
            <div class="statics-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe61a;</span> </div>
                <div class="text">
                  <h3>信号</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                </div>
              </div>
            </div>
            <div class="overlay-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe61a;</span> </div>
                <div class="text">
                  <h3>信号</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                  <div class="readmore"> <a class="btn-two" href="#"><span class="iconfont">&#xe68b;</span>查看更多</a> </div>
                </div>
              </div>
            </div>
          </div>
          <div class="item single-solution-style1">
            <div class="img-holder"> <img src="pics/pronav-5.jpg" alt="线路"> </div>
            <div class="statics-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe601;</span> </div>
                <div class="text">
                  <h3>线路</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                </div>
              </div>
            </div>
            <div class="overlay-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe601;</span> </div>
                <div class="text">
                  <h3>线路</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                  <div class="readmore"> <a class="btn-two" href="#"><span class="iconfont">&#xe68b;</span>查看更多</a> </div>
                </div>
              </div>
            </div>
          </div>
          <div class="item single-solution-style1">
            <div class="img-holder"> <img src="pics/pronav-6.jpg" alt="供电"> </div>
            <div class="statics-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe601;</span> </div>
                <div class="text">
                  <h3>供电</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                </div>
              </div>
            </div>
            <div class="overlay-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe601;</span> </div>
                <div class="text">
                  <h3>供电</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                  <div class="readmore"> <a class="btn-two" href="#"><span class="iconfont">&#xe68b;</span>查看更多</a> </div>
                </div>
              </div>
            </div>
          </div>
          <div class="item single-solution-style1">
            <div class="img-holder"> <img src="pics/pronav-7.jpg" alt="设备"> </div>
            <div class="statics-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe601;</span> </div>
                <div class="text">
                  <h3>设备</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                </div>
              </div>
            </div>
            <div class="overlay-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe601;</span> </div>
                <div class="text">
                  <h3>设备</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                  <div class="readmore"> <a class="btn-two" href="#"><span class="iconfont">&#xe68b;</span>查看更多</a> </div>
                </div>
              </div>
            </div>
          </div>
          <div class="item single-solution-style1">
            <div class="img-holder"> <img src="pics/pronav-8.jpg" alt="其他"> </div>
            <div class="statics-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe601;</span> </div>
                <div class="text">
                  <h3>其他</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                </div>
              </div>
            </div>
            <div class="overlay-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe601;</span> </div>
                <div class="text">
                  <h3>其他</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                  <div class="readmore"> <a class="btn-two" href="#"><span class="iconfont">&#xe68b;</span>查看更多</a> </div>
                </div>
              </div>
            </div>
          </div>
          <div class="item single-solution-style1">
            <div class="img-holder"> <img src="pics/pronav-9.jpg" alt="更多"> </div>
            <div class="statics-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe601;</span> </div>
                <div class="text">
                  <h3>更多</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                </div>
              </div>
            </div>
            <div class="overlay-content">
              <div class="text-holder">
                <div class="icon"> <span class="iconfont">&#xe601;</span> </div>
                <div class="text">
                  <h3>更多</h3>
                  <p>城市轨道交通的信息描述，城市轨道交
                    通的信息描述城市轨道交通的信息描述，
                    市轨道交通的信...</p>
                  <div class="readmore"> <a class="btn-two" href="#"><span class="iconfont">&#xe68b;</span>查看更多</a> </div>
                </div>
              </div>
            </div>
          </div>
          <script>
                        $(document).ready(function() {
                            $('.owl-carousel').owlCarousel({
                                loop: true,
                                margin: 10,
                                responsiveClass: true,
                                responsive: {
                                    0: {
                                        items: 1,
                                        nav: true
                                    },
                                    600: {
                                        items: 1,
                                        nav: false,
                                        loop: true,
                                        doc:true,
                                    },
                                    1200: {
                                        items: 2,
                                        nav: false,
                                        loop: true,
                                        doc:true

                                    }
                                }
                            })
                        })
                    </script> 
        </div>
      </div>
    </div>
  </div>
</section>
<section class="txabout">
  <div class="container-fluid">
    <ul class="listc">
      <li class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
        <div class="li"> <img src="http://www.go-yd.com/uploadfile/2019/0712/20190712045312528.jpg" alt="企业使命" class="imga">
          <div class="p-text">
            <div class="img"><span class="iconfont"></span></div>
            <div class="h-tit">企业使命</div>
            <div class="p"> 物通全球、产济天下 </div>
          </div>
        </div>
      </li>
      <li class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
        <div class="li"> <img src="http://www.go-yd.com/uploadfile/2019/0712/20190712045405337.jpg" alt="企业愿景" class="imga">
          <div class="p-text">
            <div class="img"><span class="iconfont"></span></div>
            <div class="h-tit">企业愿景</div>
            <div class="p"> 物通全球、产济天下 </div>
          </div>
        </div>
      </li>
      <li class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
        <div class="li"> <img src="http://www.go-yd.com/uploadfile/2019/0712/20190712045443576.jpg" alt="服务宗旨" class="imga">
          <div class="p-text">
            <div class="img"><span class="iconfont"></span></div>
            <div class="h-tit">服务宗旨</div>
            <div class="p"> 客户第一、员工第一、股东利益第二</div>
          </div>
        </div>
      </li>
    </ul>
  </div>
</section>
<section class="txnew-area">
  <div class="container"> 
    <!--title start-->
    <div class="tx-title text-center">
      <div class="title">最新动态</div>
      <div class="inner">
        <div class="border1"></div>
        <span>news</span>
        <div class="border2"></div>
      </div>
    </div>
    <!--title end -->
    <ul class="list-news">
      <li  class="col-xl-4 col-lg-4 col-md-6 col-sm-12"> <a href="#" title="重庆老建筑与他曾经的故事">
        <div class="img"><img src="http://www.go-yd.com/uploadfile/2019/0715/20190715041542323.jpg" alt="重庆老建筑与他曾经的故事"></div>
        <div class="p-text">
          <div class="h">重庆老建筑与他曾经的故事</div>
          <div class="p">
            <p>单听名字，领事巷一定会让外地人有很多想象。记者第一次陪朋友从这里进入山城步道，朋友惊问：“这里住的全是外国人吗？”</p>
          </div>
        </div>
        <div class="bot f-cb">
          <div class="more fl">查看详情</div>
          <div class="time fr">2019.07.08</div>
        </div>
        </a></li>
      <li  class="col-xl-4 col-lg-4 col-md-6 col-sm-12"> <a href="#" title="重庆老建筑与他曾经的故事">
        <div class="img"><img src="http://www.go-yd.com/uploadfile/2019/0715/20190715041542323.jpg" alt="重庆老建筑与他曾经的故事"></div>
        <div class="p-text">
          <div class="h">重庆老建筑与他曾经的故事</div>
          <div class="p">
            <p>单听名字，领事巷一定会让外地人有很多想象。记者第一次陪朋友从这里进入山城步道，朋友惊问：“这里住的全是外国人吗？”</p>
          </div>
        </div>
        <div class="bot f-cb">
          <div class="more fl">查看详情</div>
          <div class="time fr">2019.07.08</div>
        </div>
        </a></li>
      <li  class="col-xl-4 col-lg-4 col-md-6 col-sm-12"> <a href="#" title="重庆老建筑与他曾经的故事">
        <div class="img"><img src="http://www.go-yd.com/uploadfile/2019/0715/20190715041542323.jpg" alt="重庆老建筑与他曾经的故事"></div>
        <div class="p-text">
          <div class="h">重庆老建筑与他曾经的故事</div>
          <div class="p">
            <p>单听名字，领事巷一定会让外地人有很多想象。记者第一次陪朋友从这里进入山城步道，朋友惊问：“这里住的全是外国人吗？”</p>
          </div>
        </div>
        <div class="bot f-cb">
          <div class="more fl">查看详情</div>
          <div class="time fr">2019.07.08</div>
        </div>
        </a></li>
      <li  class="col-xl-4 col-lg-4 col-md-6 col-sm-12"> <a href="#" title="重庆老建筑与他曾经的故事">
        <div class="img"><img src="http://www.go-yd.com/uploadfile/2019/0715/20190715041542323.jpg" alt="重庆老建筑与他曾经的故事"></div>
        <div class="p-text">
          <div class="h">重庆老建筑与他曾经的故事</div>
          <div class="p">
            <p>单听名字，领事巷一定会让外地人有很多想象。记者第一次陪朋友从这里进入山城步道，朋友惊问：“这里住的全是外国人吗？”</p>
          </div>
        </div>
        <div class="bot f-cb">
          <div class="more fl">查看详情</div>
          <div class="time fr">2019.07.08</div>
        </div>
        </a></li>
      <li  class="col-xl-4 col-lg-4 col-md-6 col-sm-12"> <a href="#" title="重庆老建筑与他曾经的故事">
        <div class="img"><img src="http://www.go-yd.com/uploadfile/2019/0715/20190715041542323.jpg" alt="重庆老建筑与他曾经的故事"></div>
        <div class="p-text">
          <div class="h">重庆老建筑与他曾经的故事</div>
          <div class="p">
            <p>单听名字，领事巷一定会让外地人有很多想象。记者第一次陪朋友从这里进入山城步道，朋友惊问：“这里住的全是外国人吗？”</p>
          </div>
        </div>
        <div class="bot f-cb">
          <div class="more fl">查看详情</div>
          <div class="time fr">2019.07.08</div>
        </div>
        </a></li>
      <li  class="col-xl-4 col-lg-4 col-md-6 col-sm-12"> <a href="#" title="重庆老建筑与他曾经的故事">
        <div class="img"><img src="http://www.go-yd.com/uploadfile/2019/0715/20190715041542323.jpg" alt="重庆老建筑与他曾经的故事"></div>
        <div class="p-text">
          <div class="h">重庆老建筑与他曾经的故事</div>
          <div class="p">
            <p>单听名字，领事巷一定会让外地人有很多想象。记者第一次陪朋友从这里进入山城步道，朋友惊问：“这里住的全是外国人吗？”</p>
          </div>
        </div>
        <div class="bot f-cb">
          <div class="more fl">查看详情</div>
          <div class="time fr">2019.07.08</div>
        </div>
        </a></li>
    </ul>
  </div>
</section>
<footer class="web-footer">
  <div class="container hidden-xs">
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 ovh">
      <dl class="nav-footer left">
        <dt><a href="#">公司简介</a></dt>
        <dd><a href="#">公司简介</a></dd>
        <dd><a href="#">公司文化</a></dd>
      </dl>
      <dl class="nav-footer left">
        <dt><a href="#">联系我们</a></dt>
        <dd><a href="#">二维码</a></dd>
      </dl>
      <dl class="nav-footer left">
        <dt><a href="#">新闻中心</a></dt>
        <dd><a href="#">企业新闻</a></dd>
        <dd><a href="#">公司新闻</a></dd>
      </dl>
      <dl class="nav-footer left">
        <dt><a href="#">产品中心</a></dt>
        <dd><a href="#">城市轨道交通</a></dd>
        <dd><a href="#">高铁项目</a></dd>
        <dd><a href="#">普铁项目</a></dd>
        <dd><a href="#">高速路项目</a></dd>
        <dd><a href="#">房建项目</a></dd>
        <dd><a href="#">市政施工</a></dd>
      </dl>
      <div class="info-footer right">
        <ul>
          <li style="color: #29a9e9;"><span class="iconfont"></span>023-0000 0000</li>
          <li><span class="iconfont"></span>中国·重庆市九龙坡</li>
          <li><span class="iconfont"></span>023-0000-0000</li>
          <li><span class="iconfont"></span>gdyuwgh@126.com</li>
          <li>
            <div class="core left"><img alt="" src="http://www.go-yd.com/uploadfile/2019/0716/20190716041507912.gif" style="width: 87px; height: 88px;">手机版</div>
            <div class="core right"><img alt="" src="http://www.go-yd.com/uploadfile/2019/0716/20190716041608195.jpg" style="width: 80px; height: 80px;">微信公众号</div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="container visible-xs">
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 ovh">
      <div class="info-footer left">
        <ul>
          <li style="color: #29a9e9;"><span class="iconfont"></span>023-0000 0000</li>
          <li><span class="iconfont"></span>中国·重庆市九龙坡</li>
          <li><span class="iconfont"></span>023-0000-0000</li>
          <li><span class="iconfont"></span>gdyuwgh@126.com</li>
          <li>
            <div class="core left"><img alt="" src="http://www.go-yd.com/uploadfile/2019/0716/20190716041507912.gif" style="width: 87px; height: 88px;">手机版</div>
            <div class="core right"><img alt="" src="http://www.go-yd.com/uploadfile/2019/0716/20190716041608195.jpg" style="width: 80px; height: 80px;">微信公众号</div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="web-copy col-xl-12 col-lg-12 col-md-12 col-sm-12">©ALIMAMA MUX, powered by alimama THX.法律声明 转载内容版权归作者及来源网站所有，本站原创内容转载请注明来源，商业媒体及纸媒请先联系：zy99945@alibaba-inc.com <a style="color:#4e4d4d;" href="http://www.beian.miit.gov.cn/" target="_blank">备案号：渝ICP备19009639号-1</a></div>
  </div>
</footer>
<script>
$(function(){
//首页banner轮播图
var Bannerswiper = new Swiper('#banner', {
lazy: true,
loop: true,
autoplay:true,
speed:600,
navigation: {
nextEl: '#banner .swiper-button-next',
prevEl: '#banner .swiper-button-prev',
},
pagination:{
el: '#banner .swiper-pagination',
clickable :true,
}
});

//推荐产品轮播图
var swiper1 = new Swiper('.recommendPro .swiper-container', {
autoplay:true,
speed:600,
slidesPerView: 4,
spaceBetween: 40,
slidesPerGroup:1,
loop: false,
loopFillGroupWithBlank: true,
breakpoints: {
1024:{
slidesPerView: 3,
spaceBetween: 25,
slidesPerGroup:1,
},
768:{
slidesPerView: 2,
spaceBetween: 15,
slidesPerGroup:1,
}
},
navigation: {
nextEl: '.recommendPro .swiper-button-next',
prevEl: '.recommendPro .swiper-button-prev',
}
});
$('.recommendPro .swiper-container').mouseenter(function () {
swiper1.autoplay.stop();
});
$('.recommendPro .swiper-container').mouseleave(function () {
swiper1.autoplay.start();
});
})


</script>
</body>
</html>